<!DOCTYPE html>
<html>
<head>
<title>Hello WebSocket</title>
<link
	href="https://cdn.bootcss.com/bootstrap/4.1.1/css/bootstrap.min.css"
	rel="stylesheet">
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/sockjs-client/1.1.4/sockjs.min.js"></script>
<script src="https://cdn.bootcss.com/stomp.js/2.3.3/stomp.min.js"></script>
<style>
body {
	background-color: #f5f5f5;
}

#main-content {
	max-width: 940px;
	padding: 2em 3em;
	margin: 0 auto 20px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
</style>
<script>
	$(function() {
		var ws = new WebSocket('ws://59.110.40.75:8887/magic/seed');
		ws.onmessage = function(event) {
			console.log(event.data);
			var json = eval('(' + event.data + ')');
			$("#message").append(event.data + "<br/>"); 
		};
	})
</script>
</head>
<body>
	<div>
		<span id="message"></span>
	</div>

</body>
</html>